<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/Clear.css">
</head>
<body>
<div class="clearfix index_top">
    <div class="index_top_dh">
        <ul>
            <li><a href="#" target="_blank">我的首页</a></li>
            <li><a href="#" target="_blank">来看看呀</a></li>
            <li><a href="#" target="_blank">互相伤害呀</a></li>
            <li><a href="#" target="_blank">再见</a></li>
        </ul>
        <a href="#" target="_blank" class="index_top_dh_sj"><i>手机</i></a>
        <div class="index_top_dh_sj_gg"><img src="images/index_top_dh_sj_gg.jpg"> 研发中~请期待！</div>
        <p>一起做作业！</p>
    </div>
</div>
<div class="index_top_logo">
    <div class="index_top_logo_gg">
        <div class="index_top_logo_gg_1"><a href="#"><img src="images/inc-03.jpg" alt="logo"></a></div>
        <div  class="index_top_logo_gg_2" ><a href="#"><img src="images/inc-04.jpg" alt="logo"></a> </div>
        <div class="index_top_logo_gg_3">
            <form action="">
                <input type="text" value="请输入点击搜索.." class="index_top_logo_gg_3_sr"/><input type="submit" value="搜索" class="index_top_logo_gg_3_ss"/>
            </form>


        </div></div>
</div>
<div class="index_top_dh_dh">
    <div>
    <ul class="clearfix">
        <li class="index_top_dh_dh_1"><a href="index.html" target="_parent">首页</a></li>
        <li><a href="Points.html" target="_blank">赚取积分</a></li>
        <li><a href="shopping.html" target="_blank">兑换商品</a></li>
        <li><a href="#" target="_blank">积分活动</a></li>
        <li><a href="#" target="_blank">积分调研</a></li>
        <li><a href="problem.html" target="_blank">常见问题</a></li>
    </ul>
        <P><a href="login.html" target="_parent">用户登录:</a></P>
    </div>
</div>
<!--头部布局结束-->
<div class="clearfix content">
    <div class="clearfix content_left">
        <a href="#"><img src="images/PUBG.jpg" alt="轮播图"></a>
        <div class="content_left_left"></div>
        <div class="content_left_right"></div>
        <ul class="content_left_fy">
            <li class="content_left_fy_on">1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
        </ul>
    </div>
    <!--上左 下右 内容布局-->
    <div class="content_right">
        <div class="content_right_qd">
            <p><a href="#">签到得100积分</a></p>
        </div>
        <div class="content_right_xx">
         <h3> 最新消息</h3>
            <ul>
                <li><a href="#">[通知]UID查询网址</a></li>
                <li><a href="#">[活动]众筹晒单的积分</a></li>
                <li><a href="#">[活动]参与调研获得积分</a></li>
                <li><a href="#">[消息]官方qq群获取更多赚积</a></li>
            </ul>
            <p class="content_right_qq_le content_right_qq">客服QQ</p>
            <p class="content_right_qq_rg content_right_qq">官方微博</p>
        </div>
    </div>
</div>
<!--商品推荐-->
<div class="clearfix commodity">
<div class=" commodity_left">
    <div class="commodity_left_tt">
    <h3>推荐商品</h3>
    <div class="commodity_left_gd"><a href="#">更多>></a></div>
    </div>
    <ul class="clearfix">
        <li><a href="#"><img src="images/201408.jpg" alt="销售图片"><p>浪客家族之美国队长手办</p><strong>1,000,000积分</strong></a></li>
        <li class="commodity_left_f"><a href="#"><img src="images/201408.jpg" alt="销售图片"><p>浪客家族之美国队长手办</p><strong>1,000,000积分</strong></a></li>
        <li><a href="#"><img src="images/201408.jpg" alt="销售图片"><p>浪客家族之美国队长手办</p><strong>1,000,000积分</strong></a></li>
        <li><a href="#"><img src="images/201408.jpg" alt="销售图片"><p>浪客家族之美国队长手办</p><strong>1,000,000积分</strong></a></li>
        <li class="commodity_left_f1"><a href="#"><img src="images/201408.jpg" alt="销售图片"><p>浪客家族之美国队长手办</p><strong>1,000,000积分</strong></a></li>
        <li><a href="#"><img src="images/201408.jpg" alt="销售图片"><p>浪客家族之美国队长手办</p><strong>1,000,000积分</strong></a></li>
    </ul>
</div>
<!--热门兑换-->
<div class="clearfix commodity_right">

<div class="clearfix commodity_right_bt">
    <div class="commodity_right_bt_1"><h3>热门兑换</h3><i></i>
    </div>
</div>
<ul>
    <li>
        <div class="commodity_right_xx1">
        <div class="clearfix commodity_right_xx">
            <a href="#" target="_blank">
            <img src="images/201801.jpg" alt="火烈鸟木雕笔">
            </a>
            <p>小嘛小儿郎</p>
            <p>2天前兑换了</p>
            <strong>火烈鸟木雕笔</strong>
        </div>
        </div>
    </li>
    <li>
        <div class="commodity_right_xx1">
            <div class="clearfix commodity_right_xx">
                <a href="#" target="_blank">
                    <img src="images/201801.jpg" alt="火烈鸟木雕笔">
                </a>
                <p>小嘛小儿郎</p>
                <p>2天前兑换了</p>
                <strong>火烈鸟木雕笔</strong>
            </div>
        </div>
    </li>
    <li>
        <div class="commodity_right_xx1">
            <div class="clearfix commodity_right_xx">
                <a href="#" target="_blank">
                    <img src="images/201801.jpg" alt="火烈鸟木雕笔">
                </a>
                <p>小嘛小儿郎</p>
                <p>2天前兑换了</p>
                <strong>火烈鸟木雕笔</strong>
            </div>
        </div>
    </li>
    <li>
        <div class="commodity_right_xx1">
            <div class="clearfix commodity_right_xx">
                <a href="#" target="_blank">
                    <img src="images/201801.jpg" alt="火烈鸟木雕笔">
                </a>
                <p>小嘛小儿郎</p>
                <p>2天前兑换了</p>
                <strong>火烈鸟木雕笔</strong>
            </div>
        </div>
    </li>
    <li>
        <div class="commodity_right_xx1">
            <div class="clearfix commodity_right_xx">
                <a href="#" target="_blank">
                    <img src="images/201801.jpg" alt="火烈鸟木雕笔">
                </a>
                <p>小嘛小儿郎</p>
                <p>2天前兑换了</p>
                <strong>火烈鸟木雕笔</strong>
            </div>
        </div>
    </li>
</ul>
</div>
</div>
<!-- 赚取积分-->
<div class="zqsp">
    <div class="zq">
        <div class="clearfix zq_bt">
            <h3>赚取商品</h3>
            <div class="zq_bt_gd"><a href="#">更多>></a></div>
        </div>
    </div>
    <ul class="clearfix zq_gb">
        <li class="zq_qb_k">
            <a href="#">
            <img src="images/inc-10.jpg" alt="海矿物硫磺皂">
                <p>【广告点击】milensea死海矿物硫磺皂</p>
                <span>200积分</span>
            </a>
        </li>
        <li class="zq_qb_k_1 zq_qb_k">
            <a href="#">
                <img src="images/inc-10.jpg" alt="海矿物硫磺皂">
                <p>【广告点击】milensea死海矿物硫磺皂</p>
                <span>200积分</span>
            </a>
        </li>
        <li class="zq_qb_k">
            <a href="#">
                <img src="images/inc-10.jpg" alt="海矿物硫磺皂">
                <p>【广告点击】milensea死海矿物硫磺皂</p>
                <span>200积分</span>
            </a>
        </li>
    </ul>
</div>
<!--底部-->
<div class="bottom_1">
    <div class="bottom_1_gz">
        <ul class="clearfix  bottom_1_gz_1" >
            <li>
                <a href="#">
                    <div  class="bottom_1_gz_y"></div>
                    <strong>关注我们</strong>
                    <p>官方微博</p>
                    <p>官方qq群</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div  class="bottom_1_gz_y_2 bottom_1_gz_y"></div>
                    <strong>常见问题</strong>
                    <p>兑换方式</p>
                    <p>配送方案</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div  class="bottom_1_gz_y_3 bottom_1_gz_y"></div>
                    <strong>友情链接</strong>
                    <p>新浪网</p>
                    <p>游戏GAME</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div  class="bottom_1_gz_y_4 bottom_1_gz_y"></div>
                    <strong>粉色活动</strong>
                    <p>疯狂积分雨</p>
                    <p>转盘大抽奖</p>
                </a>
            </li>
        </ul>
        <div class="bottom_1_gz_sw">
            <ul>
                <li>
                    <h3>关注公众号，每日送福利</h3>
                    <img src="images/2ma.jpg" alt="二维码">
                    <h3>商务合作</h3>
                    <p>yuanxiaobo19888@163.com</p>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="bottom_2">
        <div>
            <p>
                <a href="#" target="_blank">简介 |</a>
                <a href="#" target="_blank">SINA English |</a>
                <a href="#" target="_blank">bout Sina |</a>
                <a href="#" target="_blank">网站地图 |</a>
                <a href="#" target="_blank">广告服务  |</a>
                <a href="#" target="_blank">联系我们 |</a>
                <a href="#" target="_blank">招聘信息 |</a>
                <a href="#" target="_blank">网站律师 |</a>
                <a href="#" target="_blank">通行证注册 |</a>
                <a href="#" target="_blank">产品答疑 </a>
            </p>
            <p>2018-2019</p>
            <p>版权</p>
        </div>
    </div>
<!--弹窗 链入-->
<div class="Pop-ups">
    <iframe src="login.html" frameborder="0" width="658px" height="339px"></iframe>
</div>
</body>
</html>